<!-- @format -->

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>六七的博客</title>

        <!-- 本地引入 BootStrap 样式 -->
        <link rel="stylesheet" href="./css/bootstrap.min.css" />
        <!-- 自定义样式 -->
        <style></style>
    </head>
    <body>
        <!-- 博客页面容器 -->
        <!-- <div id="blog" class="container-fluid"> -->
        <!-- 通栏：导航栏 -->
        <nav id="blog-nav" class="navbar navbar-expand-md bg-dark navbar-dark">
            <div class="container">
                <a href="#" class="navbar-brand">六七的博客</a>
                <button
                    class="navbar-toggler"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#navmenu"
                >
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navmenu">
                    <ul class="navbar-nav ms-auto">
                        <li class="nav-item">
                            <div class="nav-link">项目Demo</div>
                        </li>
                        <li class="nav-item">
                            <div class="nav-link">知识分享</div>
                        </li>
                        <li class="nav-item">
                            <div class="nav-link">学习笔记</div>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <section>
            <div class="container">
                <div>
                    <div>
                        <h1>成为前端工程师</h1>
                        <p>
                            Lorem ipsum dolor sit amet consectetur adipisicing
                            elit. Corporis consequuntur voluptate fugit officia
                            odio recusandae exercitationem dicta non autem,
                            provident sed? Eius accusantium sit labore, maiores
                            dolorem laudantium iste veniam!
                        </p>
                        <button>开始编程</button>
                    </div>
                </div>
            </div>
        </section>
        <!-- 头部：横幅、轮播图 -->
        <header id="blog-header" class="">头部</header>
        <!-- 内容： -->
        <main id="blog-main" class="">内容</main>
        <!-- 尾部：版权信息 -->
        <footer id="blog-footer" class="">页尾</footer>
        <!-- </div> -->

        <!-- 本地引入 BootStrap 脚本 -->
        <script src="./js/bootstrap.bundle.min.js"></script>
        <!-- 自定义脚本 -->
        <script></script>
    </body>
</html>
